<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
     
       #one {
        background-color: pink;
    }
    .four{
        background-color: blue;
    }
    
    </style>
    
</head>
<body>
    <img width="150px" src="./音视频/ad7.jpeg" alt="图片加载失败">
    <div width="100px">块级元素</div>
    <!-- <img src="https://img0.baidu.com/it/u=3422287847,344441285&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1719334800&t=13acf58ebad10c6507fb72551edb6b3a" alt=""> -->
    
    <!-- 所有标签都可以使用
     id 唯一标识，类似与人的身份证
     class 一类标识 类似于人的名字
     style 行内样式 给标签设置样式
     title 鼠标悬浮到标签上的文字说明 
     -->
     <div id="one">块级元素</div>
     <div style="background-color: green;" title="我是鼠标悬浮到标签上的文字说明">块级元素</div>
     <div class="four">块级元素</div>
     <div class="four five">块级元素</div>
     <!-- 视频标签 video 音频标签 audio
      video标签特有属性;
        src 视频地址资源链接
        controls 控制条
        autoplay 自动播放
        muted 静音播放
        width 宽
        height 高
        poster 封面
        loop 循坏播放
       -->
      <video loop y poster=音视频/ad7.jpeg width="300px" src="./音视频/1.mp4" controls  muted></video>
      <!-- 音频标签 audio
       特有属性
       autoplay loop muted controls src

        -->
       <!-- <audio autoplary loop muted src="./音视频/1.mp3" controls></audio> -->
       <audio autoplary  src="./音视频/1.mp3" ></audio>
       

</body>
</html>